<template>
<!--审核会员-->
  <div>
    <wv-group class="mymsg">
      <wv-cell title="会员姓名" :value="vipRecord.userName"></wv-cell>
      <wv-cell title="手机号"   :value="vipRecord.userPhone"></wv-cell>
      <wv-cell title="会员卡状态" value="未开通" class="state"></wv-cell>
      <wv-cell title="来源" value="销售添加" v-if="vipRecord.sourceType==1"></wv-cell>
      <wv-cell title="来源" value="后台添加" v-if="vipRecord.sourceType==2"></wv-cell>
      <wv-cell title="支付方式" value="微信" v-if="vipRecord.payType=='PAY_WX'"></wv-cell>
      <wv-cell title="支付方式" value="支付宝" v-if="vipRecord.payType=='PAY_ALI'"></wv-cell>
      <wv-cell title="支付方式" value="线下" v-if="vipRecord.payType=='PAY_UNDERLINE'"></wv-cell>
      <wv-cell title="开卡类型" :value="vipRecord.goodsName"></wv-cell>
      <wv-cell title="开卡时间" :value="vipRecord.buyDate"></wv-cell>
     <!-- <wv-cell title="到期时间" :value="vipRecord.expireDate"></wv-cell>-->
      <wv-cell title="实体卡" value="已给" v-if="vipRecord.isGive==1"></wv-cell>
      <wv-cell title="实体卡" value="未给" v-if="vipRecord.isGive==2"></wv-cell>
      <wv-cell title="支付金额" :value="vipRecord.payAmount+'元'"></wv-cell>
      <wv-cell title="销售专员" :value="vipRecord.employeeName"></wv-cell>
      <wv-cell title="销售提交时间" :value="vipRecord.createDate"></wv-cell>
    </wv-group>
    <p class="title">支付凭证</p>
    <p class="pingzheng">
      <img :src="vipRecord.voucherImg | imgPathFilter" alt="" width="100%">
    </p>
  </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: '',
        props: {
          vipRecord:{}
        },
        data() {
            return {};
        },
        methods: {},
        created() {

        },
        components: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .pingzheng{
    padding: 0 10px;

  }
  .title{
    font-size: 17px;
    color: #2c3e50;
    text-align: left;
    margin:0 0 10px 15px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
  }
</style>
